@charset "utf-8";

/*----------------------------------------------------------------
 Style Setting

 Author  : Web Design Group
 Site    : http://triax.jp/
 Inquiry : info@triax.jp
 Date    : 2008/08


 Index

 1     : Basic Setting
 1-1   : Universal Selector
 1-2   : <body>
 1-3   : Block Level
 1-4   : List
 1-5   : <a>
 1-6   : <hr />

 2     : Layout/Common Setting
 2-1   : div#container
 2-2   : div#header
 2-3   : div#main
 2-4   : div#footer
 2-5   : トップページ
 2-6   : お問い合わせ
 2-7   : エラーページ

 
----------------------------------------------------------------*/

/*================================================================
 1 : Basic Setting
================================================================*/

/*======== 1-1 : Universal Selector ========*/
* {
	margin:0;
	padding:0;
}


/*======== 1-2 : </a></body><body> ========*/
/* スクロールバーを常に表示 */
html {
	overflow-y: scroll;
}

html:first-child body {
	min-height: 100%;
	padding-bottom: 1px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: none;
}
img {
	vertical-align: bottom;
}
address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight:normal;
}
ol,ul {
	list-style: none;
}
form {
	margin: 0;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content: '';
}
abbr,acronym {
	border: 0;
}
br {
	letter-spacing: normal;
}

/*======== 1-3 : Block Level ========*/

h1, h2, div, p, ul, ol, li {
	font-size: 100%;
	text-align: left;
	font-weight: normal;
	line-height: 1.2;
}

/*======== 1-4 : List ========*/
ul, ol, dl{
	list-style: none;
}
li {
	display:l ist-item;
	zoom: normal;/* 最初に「zoom:1;」の不具合への対応 */
}

/*======== 1-5 : <a> ========*/

a:link{
	color: #333;
	text-decoration: underline;
}

a:visited{
	color: #333;
	text-decoration: underline;
}

a:hover{
	color: #ff6600;
	text-decoration: none;
}

a:active{
	color: #333;
	text-decoration: none;
}


/*======== 1-6 : <hr /> ========*/

hr {
	display: none;
}
* html hr {/* for -IE6 */
	margin: 0;
}
*:first-child+html hr {/* for IE7 */
	margin: 0;
}

img, a img {
	vertical-align: bottom;
	border: none;
	background: transparent;
}

table {
	border-collapse: collapse;
}
th, td {
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
}
caption {
	text-align: left;
}
object, embed {
	vertical-align: top;
}
fieldset {
	border: none;
}
input, textarea {
	font-size: 1em;
}
em, address, dfn {
	font-style: normal;
}
ul ul, ul dl, dl ul, table p, table ul, table table {
	font-size: 1em;
}
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
/*html{ overflow-y: scroll; }*/


/*================================================================
 2 : Layout/Common Setting
================================================================*/
/*======== Common Setting ========*/
/* body */
body {
	text-align: center;
	color: #666;
	font-size:20px;
}

/*===== 共通 Class =====*/
	/* ■例 */
	/* <div class="block fL lImg"> */
	.block { margin:0; padding:0; }
	.fl { float:left; }
	.fr { float:right; }
	.ft { clear: both; }
	/* カラム落ち防止 レイアウト崩れ対応 */
	.inner { overflow: hidden; }
	.ofa { overflow: auto; }

	/* 画像 左右の切り替え */
	.lImg img { float:left; padding:.5em .5em .5em 0em; }
	.rImg img { float:right; padding:.5em 0em .5em .5em; }

	/* 余白 */
	.padding5 {padding: 5px;}
	.padding10 {padding: 10px;}
	.padding20 {padding: 20px;}
	.paddingl10 {padding-left:10px;}
	.paddingr10 {padding-right:10px;}
	.paddingt10 {padding-top:10px;}
	.paddingl5 {padding-left:5px;}
	.paddingr5 {padding-right:5px;}
	.paddingtb10 {padding: 10px 0;}
	.paddingtb20 {padding: 20px 0;}
	.paddingb10 {padding-bottom:10px;}
	.margin5 {margin: 5px;}
	.margin10 {margin: 10px;}
	.margint10 {margin-top: 10px;}
	.marginb10 {margin-bottom: 10px;}
	.margintb10 {margin: 10px 0;}
	.margintb15 {margin: 15px 0;}
	.margintb20 {margin: 20px 0;}
	.margintb2 {margin: 2px 0;}
	.marginl10 {margin-left:10px;}
	.marginr10 {margin-right:10px;}
	.marginl5 {margin-left:5px;}
	.marginr5 {margin-right:5px;}

	/* clearfix の代用 */
	/* ■使い方
	　　　<div class="hr"><hr /></div>
	*/
	div.hr { clear:both; }
	div.hr hr { display:none; }

	/* text-align */
	.tal {text-align:left;}
	.tac {text-align:center;}
	.tar {text-align:right;}
	
/* line-height */
.lh150 { line-height:1.5; }

/*======== 2-1 : div#container ========*/
#container {
	width: 1050px;
	margin: 0 auto;
	text-align: left;
}

/*======== 2-2 : div#header ========*/
#header {
	margin: 0 auto;
	width: 1050px;
	height: 149px;
	background: #fff url("../images/header.jpg") no-repeat;
	position: relative;
	font-size: 75%;
}
	#header h1{
		display: block;
		width: 180px;
		height: 49px;
		position: absolute;
		top: 25px;
	}
		#header h1 span{
			display: block;
			color: #2dab4e;
			margin: 5px 0 0 10px;
		}
	
	#header ul.language{
		width: 170px;
		height: 30px;
		top: 0;
		right: 0;
		position: absolute;
		overflow: hidden;
	}
		#header ul.language li,#header ul.language li a{
			float: left;
			width: 82px;
			height: 21px;
			text-align: center;
			color: #999;
		}
		#header ul.language li.jp{
			margin-left: 5px;
		}
		#header ul.language li.current {
			background: url(../images/languageCurrent.jpg) top left no-repeat;
			padding-top: 2px;
			color: #fff;
		}
		#header ul.language li a{
			background: url(../images/languageOut.jpg) top left no-repeat;
			padding-top: 2px;
			text-decoration: none;
		}
		#header ul.language li a:hover{
			height: 30px;
			background: url(../images/languageHover.jpg) top left no-repeat;
			padding-top: 11px;
			color: #ff6600;
		}
		
	#header address {
		position: absolute;
		color: #999;
		text-align: right;
		margin-right: 3px;
		line-height: 1.3;
		bottom: 50px;
		right: 0;
	}
	#header address span {
		color: #666;
		padding-top: 5px;
	}
	
	#header ul.menu, #header ul.emenu {
		width: 1050px;
		position: absolute;
		top: 99px;
	}
		#header ul.menu li, #header ul.menu li a, #header ul.emenu li, #header ul.emenu li a {
			display: block;
			float: left;
			width: 125px;
			height: 40px;
			text-align:center;
			padding-top:10px;
			overflow: hidden;
			color:#2dab4e;
			font-weight:bold;
			text-decoration:none;
			text-transform:uppercase
		}
		#header ul.menu li.products, #header ul.menu li.products a {
			width: 108px;
		}
		#header ul.emenu li, #header ul.emenu li a {
			width: 150px;
		}
			#header ul.menu li.top a {
				background: url(../images/menuTopOut.jpg) no-repeat;
			}
			#header ul.menu li.top a:hover {
				background: url(../images/menuTopHover.jpg) no-repeat;
			}
			#header ul.menu li.top a:active {
				background: url(../images/menuTopActive.jpg) no-repeat;
			}
			#header ul.menu li.info a {
				background: url(../images/menuInfoOut.jpg) no-repeat;
			}
			#header ul.menu li.info a:hover {
				background: url(../images/menuInfoHover.jpg) no-repeat;
			}
			#header ul.menu li.info a:active {
				background: url(../images/menuInfoActive.jpg) no-repeat;
			}
			#header ul.menu li.products a {
				background: url(../images/menuProductsOut.jpg) no-repeat;
			}
			#header ul.menu li.products a:hover {
				background: url(../images/menuProductsHover.jpg) no-repeat;
			}
			#header ul.menu li.products a:active {
				background: url(../images/menuProductsActive.jpg) no-repeat;
			}
			#header ul.menu li.service a {
				background: url(../images/menuServiceOut.jpg) no-repeat;
			}
			#header ul.menu li.service a:hover {
				background: url(../images/menuServiceHover.jpg) no-repeat;
			}
			#header ul.menu li.service a:active {
				background: url(../images/menuServiceActive.jpg) no-repeat;
			}
			#header ul.menu li.movie a {
				background: url(../images/menuMovieOut.jpg) no-repeat;
			}
			#header ul.menu li.movie a:hover {
				background: url(../images/menuMovieHover.jpg) no-repeat;
			}
			#header ul.menu li.movie a:active {
				background: url(../images/menuMovieActive.jpg) no-repeat;
			}
			#header ul.menu li.company a {
				background: url(../images/menuCompanyOut.jpg) no-repeat;
			}
			#header ul.menu li.company a:hover {
				background: url(../images/menuCompanyHover.jpg) no-repeat;
			}
			#header ul.menu li.company a:active {
				background: url(../images/menuCompanyActive.jpg) no-repeat;
			}
			#header ul.menu li.inquiry a {
				background: url(../images/menuInquiryOut.jpg) no-repeat;
			}
			#header ul.menu li.inquiry a:hover {
				background: url(../images/menuInquiryHover.jpg) no-repeat;
			}
			#header ul.menu li.inquiry a:active {
				background: url(../images/menuInquiryActive.jpg) no-repeat;
			}
			/* English */
			#header ul.emenu li.top a {
				background: url(../images/bg-menu.jpg) no-repeat;
			}
			#header ul.emenu li.top a:hover {
				color:#666;
			}
			#header ul.emenu li.top a:active {
				background: url(../images/emenuTopActive.jpg) no-repeat;
			}
			#header ul.emenu li.center a {
				background: url(../images/bg-menu-center.jpg) no-repeat;
			}
			#header ul.emenu li.center a:hover {
				color:#666;
			}
			#header ul.emenu li.last a {
				background: url(../images/bg-menu-last.jpg) no-repeat;
			}
			#header ul.emenu li.last a:hover {
				color:#666;
			}

/*======== 2-3 : div#main ========*/
#main {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 75%;
	width: 1048px;
}
#main:after {
	content: "";
	display: block;
	clear: both;
}
*html #main {
	width: 100%;
}

*html #main {
width: 1048px;
}
	#main h2 {
		height: 25px;
		background: url("../images/h2bg.jpg") no-repeat;
		font-weight: bold;
		font-size: 120%;
		color: #2dab4e;
		clear: both;
	}
		#main h2 span{
			display: block;
			padding: 5px 0 0 12px;
		}
		
	#main h3 {
		height: 25px;
		background: url("../images/h3bg.jpg") repeat-x;
		font-weight: bold;
		font-size: 120%;
		color: #666;
		clear: both;
	}
		#main h3 span{
			display: block;
			padding: 4px 0 0 7px;
		}
	#main .date {
		display: block;
		text-align: right;
		color: #999;
	}
	#main p {
		clear: both;
		padding: 10px 0;
		line-height: 1.5;
	}
	#main .profile {
		padding: 5px;
		border: 1px solid #CFEBFF;
		background: #F4FBFF;
		margin-bottom: 20px;
		line-height: 1.5;
	}
	#main .profile_fff {
		border: none;
		background: #fff;
	}
		#main .profile strong {
			margin-bottom: 5px;
			display: block;
			padding-bottom: 2px;
			border-bottom: 1px solid #fff;
			color: #666;
		}
		#main .profile em {
			font-weight: bold;
			margin-bottom: 5px;
		}
		#main .profile .profile_img {
			width: 120px;
		}
		#main .profile .profile_txt {
			width: 565px;
		}
		#main .profile li {
			margin-bottom: 10px;
		}
	#main .imgL, #main .imgR {
		line-height: 1.5;
		margin: 10px 0;
	}
	#main .imgL p, #main .imgR p {
		clear: none;
	}
	#main .imgL img {
		float: left;
		margin: 5px 5px 0;
	}
	#main .imgR img {
		float: right;
		margin: 5px 5px 0;
	}
	#main table.imgLR {
		line-height: 1.5;
		font-size: 100%;
	}
	#main table.imgLR td {
		vertical-align: top;
	}
	#main table.imgLR img {
		margin: 5px;
	}
		
	#main ul.topicpath {
		font-size: 90%;
		margin-left: 10px;
	}
		#main ul.topicpath li {
			float: left;
			padding: 5px 20px 5px 0;
			color: #666;
			background: url(../images/topic.jpg) right top no-repeat;
		}
			#main ul.topicpath li a {
				color: #666;
			}
			#main ul.topicpath li a:hover {
				color: #ff6600;
			}
			#main ul.topicpath li.current {
				font-weight: bold;
				background: none;
			}
	#main dl.info , #main #right dl,  #main #left dl {
		clear: both;
		margin: 0 0 10px 10px;
	}
		#main #left dl {
			margin: 0 0 0 5px;
			width: 400px;
			position: relative;
		}
		#main #right dl {
			width: 195px;
			height: 275px;
			overflow: auto;
		}
		#main #right dl.dlMedia {
			height: 240px;
		}
		#main dl.info dt, #main #right dl dt,  #main #left dl dt {
			color: #2dab4e;
			float: left;
			margin-top: 5px;
			margin-right: 10px;
		}
		#main #left dl dt {
			clear: both;
			width: 150px;
			margin: 5px 5px 5px 0;
			line-height: 50px;
		}
		#main #left dl dt img {
			margin-right: 5px;
		}
		#main #left dl dt span {
			color: #2dab4e;
			height: 50px;
			line-height: 50px;
			vertical-align: middle;
			zoom: 1;
		}
		#main dl.info dd, #main #right dl dd {
			border-bottom:1px dotted #ccc;
			margin: 5px 5px 2px 0;
			padding-left:7.5em;
			font-size: 95%;
			color: #999;
			padding-bottom: 8px;
		}
		#main #left dl dd {
			height:60px;
			line-height:60px;
		}

		#main dl.info dd a, #main #right dl dd a {
			font-size: 110%;
			display: block;
		}
		
		/* イベントレポート改修用 */
		table.eventR {
			clear: both;
			font-size: 100%;
			margin: 5px;
		}
			table.eventR td {
				font-size: 100%;
				padding: 5px;
				vertical-align: middle;
			}
				table.eventR td span {
					color: #2dab4e;
				}

		#main table.deco, #main table.deco_l {
			font-size: 100%;
			border: 1px solid #ccc;
			border-collapse: separate;

			border-spacing: 3px;
			margin: 15px auto;
			text-align: center;
			line-height: 140%;

		}
#main table.deco_l {
			margin: 5px 0;
			text-align: left;

		}
			#main table.deco th, #main table.deco_l th {
				font-weight: bold;
				background: #EAF8FC;
				padding: 10px 5px;
				width: 150px;
				color: #666;
			}
			#main table.deco td, #main table.deco_l td {
				background: #f5f5f5;
				padding: 5px;
			}
		#main table.deco ol, #main table.deco_l ol {
			margin-left: 20px;
			list-style-type: decimal; 
		}
		#main table.deco li, #main table.deco_l li {
			margin: 7px 0;
		}
		#main table.deco textarea {
			width: 300px;
		}

#main .service_img {
width: 185px;
margin-bottom: 10px;
}
	#main .service_img p {
		padding-top: 5px;
	}

#main .service_txt {
width: 540px;
}
	#main .service_txt p {
		padding-top: 0;
	}

#main .products_e .fl {
	margin-right: 3px;
}
	#main .products_e .fl p {
		padding-top: 5px;
	}

#main span.cl007 {
color: #2dab4e;
}

/* 動画ライブラリー */
.pager {
	clear: both;
	padding: 10px 0;
}
	.pager .number {
		float: right;
		padding: 10px 0;
		text-align: center;
		width: 500px;
	}
	.pager .number a {
		border: 1px solid #999;
		color: #666;
		margin-right: 5px;
		padding: 3px 7px;
		text-decoration: none;
	}
	.pager .number a:hover {
		background: #2dab4e;
		border: 1px solid #2dab4e;
		color: #fff;
	}
	.pager .number span.current {
		background: #2dab4e;
		border: 1px solid #2dab4e;
		color: #fff;
		margin-right: 5px;
		padding: 3px 7px;
		text-decoration: none;
	}
	.pager .number span.prev, .pager .number span.next {
		color: #999;
		margin-right: 10px;
	}
	.pager .number span.next {
		margin-right: 0;
		margin-left: 10px;
	}
	.pager .sort {
		color: #666;
		float: right;
		padding: 10px 0;
		text-align: center;
		width: 135px;
	}
.movieContent {
	float: left;
	width: 728px;
	margin-top:15px;
}
	.movieContent dl {
		margin-left: 10px;
	}
	.movieContent dt {
		clear: both;
		float: left;
		width: 160px;
		height: 125px;
	}
	.movieContent dd {
		padding-left: 180px;
                min-height: 125px;
	}
*+html .movieContent dd {
		padding-left: 20px;
	}
	.movieContent dd span {
		color: #2dab4e;
		margin-right: 10px;
	}
	#main .movieContent dd p {
		clear: none;
	}
.movieCat {
	float: right;
	width: 200px;
	margin-top:15px;
}
	.movieCat .inner {
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.movieCat h3 {
		border-right: 1px solid #ddd;
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
	}
	.movieCat ul {
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #ddd;
		overflow: hidden;
		_zoom: 1;
	}
		.movieCat ul li {
			background: url(../images/bg_movieCat_li.gif) left center no-repeat;
			border-top: 1px dotted #ccc;
			overflow: hidden;
			margin-top: -1px;
		}
			.movieCat ul li a {
				display: block;
				padding: 7px 5px 7px 15px;
				zoom: 1;
			}

/* 動画テンプレート */
table.tempTable {
	font-size: 100%;
	line-height: 1.6;
	margin-bottom: 10px;
}
	table.tempTable th {
		font-size: 100%;
		text-align: center;
	}
		#main table.tempTable th p {
			text-align: center;
			padding: 5px 0;
		}
	table.tempTable td {
		font-size: 100%;
		padding: 3px 10px;
		vertical-align: top;
	}

/*======== 2-4 : div#footer ========*/
#footer {
	clear: both;
	width: 1050px;
	height: 100px;
	background: url("../images/footer.jpg") left top no-repeat;
	text-align: center;
	position: relative;
}

	#footer ul {
		clear: left;
		position: relative;
		left: 50%;
		text-align: center;
		margin-top: 15px;
		float: left;
	}

	#footer ul li {
		padding: 0 7px;
		float: left;
		border-left: 1px solid #999;
		font-size: 75%;
		position: relative;
		right: 50%;
	}
		#footer ul li a {
			color: #2dab4e;
		}
		#footer ul li a:hover {
			color: #666;
		}
		
		#footer ul li.first {
			border-left: none;
		}
	#footer address {
		font-size: 75%;
		color: #999;
		top: 47px;
		left: 260px;
		/*position: absolute;*/
		margin-top: 15px;
	}
	
	
/*======== 2-5 : トップページ ========*/
	#main .topimg a img {
		margin: 0 3px;
		border: 6px solid #eee;
	}
		#main .topimg a:hover img {
			margin: 0 3px;
			border: 6px solid #FFB755;
		}
	#main .bnimg a img, #main .bnimg a:hover img {
		border: none;
	}
	#main #left {
		float: left;
		width: 728px;
		border-right: 1px solid #eee;
		min-height:350px;
	}
		#main #left h2 {
		}
		#main #left h2.event {
			width: 654px;
			float: left;
		}
		
		/* 一覧表示用CSS */
		#main #left span.more, #main #left span.more a, #main #right span.more, #main #right span.more a {
			display: block;
			float:left;
			width: 70px;
			height: 25px;
			background: url("../images/h2bg.jpg") right top no-repeat;
			font-size: 85%;
			text-align: center;
		}
		#main #right span.more, #main #right span.more a {
			width: 85px;
			background: url("../images/h3bg.jpg") repeat-x;
		}
			#main #left span.more a, #main #right span.more a {
				background: url("../images/arrow.jpg") left 9px no-repeat;
				font-size: 100%;
				color: #999;
				text-decoration: none;
				padding-top: 5px;
			}
			#main #left span.more a:hover, #main #right span.more a:hover  {
				color: #ff6600;
				background: url("../images/arrowHover.jpg") left 9px no-repeat;
			}
		
		#main #left h3 {
		}
		#main #left .box {
			float: left;
			width: 245px;
			color: #666;
			margin: 5px 0 5px 5px;
			position: relative;
			text-align:center
		}
		#main #left .box strong{
			color:#2dab4e !important;	
		}
			#main #left .box img {
				margin-right: 5px;
				margin-bottom:10px;
			}
			#main #left .box p {
				margin: 0;
				clear: none;
			
				bottom: -13px;
				right: 0;
			}
			#main #left .box strong {
				display: block;
				font-weight: bold;
				margin: 0;
				color: #333;
				font-size: 100%;
			}
		#main #left strong {
			display: block;
			margin: 7px 0 0 5px;
			font-weight: bold;
			font-size: 120%;
			color: #2dab4e;
		}
		
		#main #left ul{
			margin: 5px 0 15px 30px;
			list-style-type: disc;
		}
			#main #left ul li{
				margin: 5px 0;
			}

		/* 動画ライブラリー */
		#left table.movieTable {
			font-size: 100%;
			width: 100%;
		}
			#left table.movieTable td {
				color: #999;
				font-size: 100%;
				line-height: 1.6;
				text-align: center;
				vertical-align: top;
				width: 50%;
			}
			#main #left table.movieTable td strong {
				font-size: 100%;
			}
			
	#main #right {
		float: right;
		width: 315px;
	}
		#main #right h3 {
			width: 310px;
		}

/*======== 2-6 : お問い合わせ ========*/
	#main table.inquiry {
		width: 500px;
	}
	#main table.deco td.error{
		background: #fff;
	}
	#main .privacy {
		border: 1px solid #ccc;
		margin: 0 auto;
		text-align: center;
	}
		#main .privacy p, .privacy p {
			color: #666;
			line-height: 1.3;
			padding: 0 10px;
			margin: 5px 0 10px 0;
			font-size: 75%;
		}
	#main .inquirySubmit, #main .inquirySubmitDecision, #main .inquirySubmitReturn {
		display: block;
		width: 300px;
		height: 65px;
		background: url(../images/inquiry.jpg) no-repeat;
		text-indent: -9999px;
		cursor: pointer;
		border: 0;
		margin: 15px auto 5px auto;
	}
	#main .submitb {
		padding-left: 185px;
	}
		#main .inquirySubmitDecision, #main .inquirySubmitReturn {
			width: 165px;
			height: 55px;
			background: url(../images/inquirySubmit.jpg) no-repeat;
			margin: 5px 5px 5px 5px;
			float: left;
		}
		#main .inquirySubmitReturn {
			background: url(../images/inquiryReturn.jpg) no-repeat;
		}
	#main .thanks {
		padding: 50px 0;
	}
#main .red_s {
color: #cc0000;
}
	
/*======== 2-7 : エラーページ ========*/
#error {
	font-size: 75%;

	position: absolute;
	width: 600px;
	height: 320px;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -170px;
}
#error .errorDetail {
	margin-top: 10px;
	padding: 10px;
	background: #F4FBFF url(../images/error.jpg) right bottom no-repeat;
	border: 1px solid #CFEBFF;
}


	#error .errorDetail h1 {
		font-size: 250%;
		font-weight: bold;
	}
	
	#error .errorDetail p {
		margin: 10px 0;
		line-height: 1.4;
	}
		#error .errorDetail p span {
		display: block;
		color: #999;
	}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.img_default{text-align:center;width:100%;float:left;margin-right:15px}
.image-additional{float:left};
.clear_div{clear:both}
.thumbnails{float:left;width:100%}
.col-sm-8{margin-bottom:20px}
.btn-primary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #229ac8;
background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
background-repeat: repeat-x;
border-color: #1f90bb #1f90bb #145e7a;
cursor:pointer;
width:100%
}
.btn-lg {padding: 10px 16px;font-size: 15px;}
#product input{width:97%;height:25px}
.btn-primary:hover{background-color: #1f90bb;background-position: 0 -15px;}
.title_detail_product{height: 25px;
font-weight: bold;
color: #2dab4e;
clear: both;
font-size: 120%;
}
.product{float:left;margin-left:10px;margin-right:10px;width:47%;margin-top:10px;margin-bottom:10px;min-height: 342px;}
#product{width:20%;margin:auto}
.breadcrumb {float:left;margin-bottom:10px;margin-top:10px;font-style:italic}
.breadcrumb li{float:left;font-size:14px;margin-bottom:5px;margin-left:5px;}
.breadcrumb li a{text-decoration:none}
.clear{clear:both}
.frame_detail{padding:15px;}
.title_product{font-weight:bold;font-size:120%;text-align:center}
.title_product a{color: #2dab4e;text-decoration:none;}
.title_product a:hover{color:#666;}
#tab-description{margin-top:10px;}
.pagination{clear:both;margin-top:10px;margin-bottom:10px;float:left;width:100%}
.pagination li a{color:#FFF;text-decoration:none}
.pagination li a:hover{background:#F2F2F2;color:#333}
.pagination .active{float:left;margin-left:10px;padding:5px;width:20px;border:1px solid #999;background:#F2F2F2;text-align:center}
.pagination .active a{color:#FBFBFB}
.pagination li a{float:left;margin-left:10px;padding:5px;width:20px;border:1px solid #999;background:#2dab4e;text-align:center}

.frame_news{margin-bottom:20px;
margin-left: 10px;
float: left;
margin-right: 10px;}
.frame_news .left{float:left;margin-right:10px;}
.frame_news .left img{padding:1px;border:1px solid #666}
.frame_news .right{float:left;}
.title_news{font-weight: bold;font-size: 120%;margin:0px;text-align:left;padding:0px !important;}
.title_news a{text-decoration:none;color:#2dab4e}
.news_replated{width: 20%;
float: left;
padding: 10px;
margin-left: 8px;
margin-right: 8px;}
#input-captcha{margin-right: 10px;float:left}
.div_captcha{float:left;}
.text-danger-captcha{margin-top:5px !important;padding-top:0px !important;}
.form-group .pull-right{width:10%}
.form-control{width:100%;height:31px}
.text-danger{color: #F00;font-style: italic;font-size: 12px;text-align: center;margin-top: 5px;}
.title_news a:hover{color:#333}
.control-label{float:left;width:15%;text-align:right;margin-right:20px;font-weight:bold;padding-top:5px}
.col-sm-10{float:left;width:80%}
.form-group {margin-top:10px;margin-bottom:10px;float:left;width:100%}
.form-group textarea{height:100px}
.pull-right .btn-primary{margin-bottom: 20px;margin-top: 15px;}
.panel-title a{text-decoration:none;color:#2dab4e}
.panel-title a:hover{color:#666}
.product_home{float:left;width:205px;}
.product_home p {font-weight:bold;color:#2dab4e;text-align:center}
/* ERROR cart*/

.alert {padding: 8px 14px 8px 14px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}
.alert a{color:#2dab4e;}
.alert a:hover{color:#666;}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
}.alert {
	margin-top:15px;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}.close{
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	filter: alpha(opacity=20);
}.close:hover, .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: .5;
filter: alpha(opacity=50);
}button.close {
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
}
.container h1{
	font-size:33px;	
}
.table-bordered {border: 1px solid #ddd;}
.table {width: 100%;margin-bottom: 20px;}
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {
border-top: 0;
}.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
border-bottom-width: 2px;
}.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
border: 1px solid #ddd;
}.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
padding: 8px;
line-height: 1.428571429;
vertical-align: top;
border-top: 1px solid #ddd;
}.text-center {
text-align: center;
}.text-left {
text-align: left;
}.text-right {
text-align: right;
}.btn_update_cart{

}.btn_delete_cart{
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;cursor:pointer;
}.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
color: #fff;
background-color: #d2322d;
border-color: #ac2925;
}
#button-quote{width:100%}
#input-coupon,#input-voucher{float:left;width:58%}
#button-coupon,#button-voucher{width:20%}
.input-group-btn{width:50%}
.input-group-btn button{width:25%;float:left;border:none;padding:3px;height:34px}
.panel-default>.panel-heading {color: #333;background-color: #f5f5f5;border-color: #ddd;}
.panel-group .panel-heading {border-bottom: 0;}
.panel-heading {padding: 10px 15px;border-bottom: 1px solid transparent;border-top-right-radius: 3px;border-top-left-radius: 3px;}
.panel-title {margin-top: 0;margin-bottom: 0;font-size: 16px;color: inherit;}
.panel-group .panel {margin-bottom: 0;border-radius: 4px;overflow: hidden;}
.panel-default {border-color: #ddd;}
.panel {margin-bottom: 20px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.panel-group .panel+.panel {margin-top: 5px;}.panel-body {padding: 15px;}
.panel-default>.panel-heading+.panel-collapse .panel-body {border-top-color: #ddd;}
.panel-group .panel-heading+.panel-collapse .panel-body {border-top: 1px solid #ddd;}
.panel-collapse{ display:none;}
.panel-collapse.collapse.active{display:block}
.form-horizontal select{height:32px}
.radio {margin-top:10px;}
.radio input[type='radio']{position:relative;top:2px;}
#input-payment-country,#input-payment-zone{height:35px;}
.form-control {
display: block;
width: 55%;
height: 20px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}.btn {color:#FFF !important;text-decoration:none !important;display: inline-block;margin-bottom: 0;font-weight: 400;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 0px;font-size: 14px;line-height: 1.428571429;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none}
/* language*/
#top .btn-link, #top-links li, #top-links a {color: #888;text-shadow: 0 1px 0 #FFF;text-decoration: none;}
.btn-group>.btn:first-child {margin-left: 0;}
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {display: inline;}
btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {font-size: 12px;}
.btn-group, .btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;}
.dropdown-menu {position: absolute;top: 100%;left: -65px;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;
list-style: none;font-size: 14px;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);background-clip: padding-box}
.open .dropdown-menu{display:block}
.dropdown-menu>li>a {display: block;padding: 5px 20px;clear: both;font-weight: 400;line-height: 1.428571429;color: #333;white-space: nowrap;text-decoration:none}
/* error cart*/
.alert-danger,.alert-warning {background-color: #f2dede;border-color: #ebccd1;color: #a94442;}
.dropdown-menu img{vertical-align: middle;}
.full_box iframe{width:500px;margin-top:10px}
#language{text-align: right;padding-bottom: 10px;}
#right img{margin-top:10px;}
.img_cart{width:50px;vertical-align: middle;}
.emenu .last,.emenu .last a{width:150px !important}
.img_advertise{border:1px solid #CCC;padding:5px;display:block;margin:10px;color:#2dab4e !important;text-decoration:none !important;font-size:14px;font-weight:bold}
.img_advertise_last{border:1px solid #CCC;padding:5px;display:block;margin:10px;}
.img_advertise:hover{color:#666 !important;}
.img_advertise img,.img_advertise_last img{width:100%;}
.text_advertise{width:82%;display:block;padding:10px;border-bottom:1px solid #CCC;text-align:left;margin:10px;color:#2dab4e !important;text-decoration:none !important;line-height:20px}
.time_news{font-style:italic;font-size:13px;color:#333}
.text_advertise:hover{color:#666 !important}
.panel-body iframe{width:675px}
.product_replated{float:left;padding:10px;border:1px solid #CCC;margin:5px;text-align:center;width:150px}
.product_replated p{text-align:center;color:#2dab4e;font-size:14px;font-weight:bold}
.product_replated a{text-decoration:none !important;}
.product_replated:hover{border:1px solid #333}
.frame_replated{margin-bottom:10px;}
/* pure table */
table.pure th, table.pure td { padding: 3px; vertical-align: top; }
.tblA th, .tblA td{ border-bottom:1px solid #cfccbf;padding:9px 13px; }
.tblA td{width:100%}
.tblA th{ white-space:nowrap;border-right:2px solid #4384cd; }
.tblA tr.last th, .tblA tr.last td{ border-bottom-width:0px; }
.price{color:#2dab4e;text-align:center;font-size:16px;margin:0px;padding:0px 0px 5px 0px!important}
.QA{width: 100%; border: 1px solid #CCC;margin-bottom:15px;}
.QA a{background:#f5f5f5;border:#dddddd;display:block;padding:10px;font-weight: bold;text-decoration: blink}
.QA a:hover{color:#2dab4e}
.content_QA{padding:10px;display:none}
.content_QA.active{display:block;}